<!--
  Generated template for the CardPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>卡片示例</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <p>基本卡片</p>
    <!--ion-card>ion-card-header+ion-card-content-->
  <ion-card>
    <ion-card-header></ion-card-header>
    <ion-card-content>
      Lorem ipsum dolor sit amet, consectetur adipisicing elit.
      Dolor exercitationem iure nesciunt reiciendis sunt voluptates. Aspernatur deleniti eius error id,
      molestias perferendis porro quas qui sed sint unde veritatis voluptates.
    </ion-card-content>
  </ion-card>
  <p>列表内容卡片</p>
  <ion-card>
    <ion-card-header>list card</ion-card-header>
    <ion-card-content>
      <ion-list>
        <button ion-item>
          <ion-icon name="heart" color="danger"></ion-icon>
          tom
        </button>
        <button ion-item>
          <ion-icon name="heart" color="danger"></ion-icon>
          jerry
        </button>
      </ion-list>
    </ion-card-content>
  </ion-card>
  <p>图片卡片</p>
  <ion-card>
    <img src="assets/imgs/Lighthouse.jpg"/>
    <ion-card-title id="card">
      灯塔
    </ion-card-title>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.
      Aperiam aspernatur consequuntur et ex itaque modi perspiciatis rerum sint soluta
      voluptatum! Delectus eos magnam maiores molestiae officiis, omnis optio saepe sapiente!
    </p>
  </ion-card>
</ion-content>
